<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="con">
    <div class="row">
        <div class="col-2">
            <ul>
                <li class="two one">今天</li>
                <li>最近7天</li>
                <li>日历</li>
                <li>收集箱</li>
                <div class="div-span">
                    <p class="clearfix"><span class="active">清单</span><span>标签</span><span>自定义</span></p>
                    <ul class="two">
                        <li>今天明天</li>
                    </ul>
                    <ul>
                        <li>添加标签</li>
                    </ul>
                    <ul>
                        <li>添加智能清单</li>
                    </ul>
                </div>
                <li>已完成</li>
                <li>垃圾箱</li>
                <li>摘要</li>
            </ul>
        </div>
        <div class="col-7">
            <div class="active jintian">
                <p>我的待办事项</p>
                <div class="con">
                    <input type="text" id="ipt">
                    <button id="add">添加</button>
                </div>
                <ul id="list" class="clearfix"></ul>
            </div>
            <div>111111111</div>
            <div class="main">
                <div class="title">
                    <h2><span id="span"></span>年<span id="span1"></span>月</h2>
                </div>
                <div class="week">
                    <span>日</span>
                    <span>一</span>
                    <span>二</span>
                    <span>三</span>
                    <span>四</span>
                    <span>五</span>
                    <span>六</span>
                </div>
                <div class="day" id="day"></div></div>
            <div>
                33333333333
            </div>
            <div>444444444444</div>
            <div>55555555555</div>
            <div>666666666666666</div>
            <div>7777777777777777</div>
            <div>888888888888</div>
            <div>99999999999999</div>
            <div>0000000000000000</div>
        </div>
        <div class="col-3">
            <div class="top">
                <img src="img/img1.PNG" alt="">
                <span class="">点击任务标题查看详情</span>
            </div>

        </div>
    </div>
</div>


<script src="js/script.js"></script>
</body>
</html>